<template>
	<view>
		<nav-bar   fontColor="#FFFFFF" title="采易融-订单详情"></nav-bar>
		<uni-card :is-shadow="true" title="采易融-订单详情">
			<view class="content-margin">融资编号：J49667836314849</view>
			<view class="content-margin">融资用户：<span style="color: #3B5DE0;">济南市天桥区鲁康名饮百货超市</span></view>
			<view class="content-margin">创建时间：2023-07-03 10:01:08</view>
		</uni-card>
		<uni-card :is-shadow="true" mode="card">
			<image src="../../static/icon/clock.png" class="img"></image>
			<view class="top-title">融资申请待提交</view>
		</uni-card>
		<uni-card :is-shadow="true" title="融资需求" sub-title="酒新贷" extra="采易融">
			<view class="content-margin">融资金额：10.00万元</view>
			<view class="content-margin">借款期限：3个月</view>
			<view class="content-margin">借款用途：购买酒水</view>
		</uni-card>

		<uni-card>
			<uni-collapse>
				<uni-collapse-item title="交易信息" :show-animation="true">
					<zb-table :columns="column0" :stripe="true" :fit="true" show-summary sum-text="总价"
						:data="dataList0"></zb-table>
				</uni-collapse-item>
			</uni-collapse>
		</uni-card>
		<uni-card>
			<uni-collapse>
				<uni-collapse-item title="还款试算 | 日利率0.014%（年化利率5.05%）" :show-animation="true">
					<view style="color: #a2a2a2;font-size: 25rpx;">资方费用 | 日利率0.014%（年化利率5.00%）</view>
					<view style="color: #a2a2a2;font-size: 25rpx;margin: 10rpx 0;">计费方式：等额本息</view>
					<zb-table :columns="column1" :stripe="true" :fit="true" show-summary sum-text="总计"
						:data="dataList1"></zb-table>
						
					<view style="color: #797979;font-size: 25rpx;margin: 20rpx 0;font-weight: bold;">平台费用</view>
					<zb-table :columns="column2" :stripe="true" :fit="true" show-summary sum-text="总价"
						:data="dataList2"></zb-table>
					<view style="color: #a2a2a2;font-size: 25rpx;margin: 20rpx 0">以上仅为试算结果，以实际放款为准～</view>
					<view style="color: #040404;font-size: 30rpx;margin: 20rpx 0;font-weight: bold;">应还总额：￥10.09</view>
				</uni-collapse-item>
			</uni-collapse>
		</uni-card>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				column0: [{
						type: 'index',
						label: '#',
						align: 'center'
					},
					{
						name: 'htbh',
						label: '合同编号',
						emptyString: '暂无数据',
						align: 'center'
					},
					{
						name: 'mybj',
						label: '贸易背景',
						emptyString: '暂无数据',
						align: 'center'
					},
					{
						name: 'pzlx',
						label: '凭证类型',
						emptyString: '暂无数据',
						align: 'center'
					},
					{
						name: 'dqrq',
						label: '到期日期',
						emptyString: '暂无数据',
						align: 'center'
					},
					{
						name: 'bcdkje',
						label: '本次贷款金额（元）',
						emptyString: '暂无数据',
						align: 'center'
					}
				],
				dataList0: [{
						htbh: 'J323869099725878',
						mybj: '济南市天桥区鲁康名饮百货超市',
						pzlx: '采购订单',
						dqrq: '2023-07-27',
						bcdkje: '10.00'
					}
			],
			column1: [{
						type: 'index',
						label: '期数',
						align: 'center'
					},
					{
						name: 'backDate',
						label: '还款日期',

						emptyString: '暂无数据',
						align: 'center'
					},
					{
						name: 'total',
						label: '应还总额',
						emptyString: '暂无数据',
						align: 'center'
					},
					{
						name: 'benjin',
						label: '还款本金',
						emptyString: '暂无数据',
						align: 'center'
					},
					{
						name: 'lixi',
						label: '应还利息',
						emptyString: '暂无数据',
						align: 'center'
					}
				],
				dataList1: [{
						backDate: '2023-08-03',
						total: '3.36',
						benjin: '3.32',
						lixi: '0.04',
					},
					{
						backDate: '2023-08-03',
						total: '3.36',
						benjin: '3.32',
						lixi: '0.04',
					},
					{
						backDate: '2023-08-03',
						total: '3.36',
						benjin: '3.32',
						lixi: '￥0.04',
					}
				],
				column2: [{
							name: 'fymc',
							label: '费用名称',
							emptyString: '暂无数据',
							align: 'center'
						},
						{
							name: 'fylx',
							label: '费用类型',
							emptyString: '暂无数据',
							align: 'center'
						},
						{
							name: 'zfjd',
							label: '支付节点',
							emptyString: '暂无数据',
							align: 'center'
						},
						{
							name: 'jffs',
							label: '计费方式',
							emptyString: '暂无数据',
							align: 'center'
						},
						{
							name: 'yfje',
							label: '应付金额',
							emptyString: '暂无数据',
							align: 'center'
						}
					],
					dataList2:[
						{
							fymc:'服务费',
							fylx:'服务费',
							zfjd:'融资申请',
							jffs:'借款本金x服务费率',
							yfje:'0.01'
						}
					]
		}
	},
	methods: {

	}
	}
</script>

<style>
	.img {
		width: 100rpx;
		height: 100rpx;
		margin: 0 auto;
	}

	.top-title {
		text-align: center;
		font-size: 30rpx;
		font-weight: bold;
		margin-top: 10rpx;
	}

	.content-margin {
		margin: 20rpx 0;
	}
</style>